<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/manage/common/taglibs.jsp"%>

<script type="text/javascript">
$(function() {
	$.acooly.framework.registerKeydown('manage_portallet_searchform','manage_portallet_datagrid');
});
</script>
<div class="easyui-layout" data-options="fit : true,border : false">
  <!-- 查询条件 -->
  <div data-options="region:'north',border:false" style="padding:5px; overflow: hidden;" align="left">
    <form id="manage_portallet_searchform" onsubmit="return false">
      <table class="tableForm">
        <tr>
          <td align="left">
					标题:<input type="text" name="search_LIKE_title" value="${param.search_LIKE_title}"  />
					高度:<input type="text" name="search_EQ_width" value="${param.search_EQ_width}"  />
					宽度:<input type="text" name="search_EQ_height" value="${param.search_EQ_height}"  />
					可否收缩:<select name="search_EQ_collapsible" editable="false" panelHeight="auto" class="easyui-combobox"><option value="">所有</option><c:forEach var="e" items="${allCollapsibles}"><option value="${e.key}" ${param.search_EQ_collapsible == e.key?'selected':''}>${e.value}</option></c:forEach></select>
					连接地址:<input type="text" name="search_LIKE_href" value="${param.search_LIKE_href}"  />
          	<a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true" onclick="$.acooly.framework.search('manage_portallet_searchform','manage_portallet_datagrid');">查询</a> 
          </td>
        </tr>
      </table>
    </form>
  </div>

  <!-- 列表和工具栏 -->
  <div data-options="region:'center',border:false">
    <table id="manage_portallet_datagrid" class="easyui-datagrid" url="${pageContext.request.contextPath}/manage/system/portallet/listJson.html" toolbar="#manage_portallet_toolbar" fit="true" border="false" fitColumns="true"
      pagination="true" idField="id" pageSize="20" pageList="[ 10, 20, 30, 40, 50 ]" sortName="id" sortOrder="desc" checkOnSelect="true" selectOnCheck="true">
      <thead>
        <tr>
        	<th field="showCheckboxWithId" checkbox="true" data-options="formatter:function(value, row, index){ return row.id }">编号</th>
			<th field="id">ID</th>
			<th field="title">标题</th>
			<th field="height">高度</th>
			<th field="collapsible" data-options="formatter:function(value){ return formatRefrence('manage_portallet_datagrid','allCollapsibles',value);} ">可否折叠</th>
			<th field="href">连接地址</th>
          	<th field="rowActions" data-options="formatter:function(value, row, index){return formatAction('manage_portallet_action',value,row)}">动作</th>
        </tr>
      </thead>
    </table>
    
    <!-- 每行的Action动作模板 -->
    <div id="manage_portallet_action" style="display: none;">
      <a onclick="$.acooly.framework.edit({url:'/manage/system/portallet/edit.html',id:{0},entity:'portallet',height:400,width:700});" href="#"><img title="编辑" style="width:16px;height:16px;vertical-align:middle;" src="${pageContext.request.contextPath}/manage/plugin/jquery-easyui-1.3.1/themes/icons/edit.png" border="0"/></a>&nbsp
      <a onclick="$.acooly.framework.remove('/manage/system/portallet/deleteJson.html',{0},'manage_portallet_datagrid',null,null,cleanPortalletCookie);" href="#"><img title="删除" style="width:16px;height:16px;vertical-align:middle;" src="${pageContext.request.contextPath}/manage/plugin/jquery-easyui-1.3.1/themes/icons/delete.png" border="0"/></a>
    </div>
    
    <!-- 表格的工具栏 -->
    <div id="manage_portallet_toolbar">
      <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="$.acooly.framework.create({url:'/manage/system/portallet/create.html',entity:'portallet',height:400,width:700,onSuccess:cleanPortalletCookie})">添加</a> 
      <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="$.acooly.framework.removes('/manage/system/portallet/deleteJson.html','manage_portallet_datagrid',null,null,cleanPortalletCookie)">批量删除</a>
     </div>
  </div>

</div>
